<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/two.css">
</head>
<body>
    <div class="box">
        <div class="nav">
            <a href="./indexs.html" class="nav-item">西安风景</a>
            <a href="#" class="nav-item">陕西美食</a>
            <a href="./daojishi.html" class="nav-item">新品美食上线</a>
            <a href="./index1.html" class="nav-item">职业兴趣测试</a>
            <a href="./three.html" class="nav-item">联系我们</a>
        </div>
        <div class="big-img">
            <img src="./img/3.png" style="height: 100%;width: 100%;border-radius: 0;border: 0;">
        </div>

        
        <h1 style="text-align: center;padding-top: 50px;padding-bottom: 50px;">西安美食</h1>
        <div class="row">
            <div class="col">
                <img src="./img/55.jpg">
            </div>
            <div class="col">
                <marquee id="scrollArea" height="50" width="180"
                 loop="-1" scrollamount="1" scrolldelay="50" 
                 direction="up" style="text-align: center;" onMouseOver=scrollArea.stop() 
                 onMouseOut=scrollArea.start()><h2>八宝甜饭</h2>
                <p>八宝甜饭又名八宝饭，传统小吃。</p></marquee>
                
            </div>
        </div>
        <div class="row">
            <div class="col">
                <img src="./img/66.jpg">
            </div>
            <div class="col">
                <marquee id="scrollArea" height="50" width="180"
                 loop="-1" scrollamount="1" scrolldelay="50" 
                 direction="up" style="text-align: center;" onMouseOver=scrollArea.stop() 
                 onMouseOut=scrollArea.start()><h2>肉夹馍</h2>
                 <p>肉夹馍，实际是两种食物的绝妙组合</p></marquee>
                
            </div>
        </div>
        <div class="row">
            <div class="col">
                <img src="./img/77.jpg">
            </div>
            <div class="col">
                <marquee id="scrollArea" height="50" width="180"
                 loop="-1" scrollamount="1" scrolldelay="50" 
                 direction="up" style="text-align: center;" onMouseOver=scrollArea.stop() 
                 onMouseOut=scrollArea.start()><h2>臊子面</h2>
                <p>臊子面历史悠久，其中含有配菜比如豆腐，鸡蛋等</p></marquee>
                
            </div>
        </div>
        <div class="row">
            <div class="col">
                <img src="./img/88.jpg">
            </div>
            <div class="col">
                <marquee id="scrollArea" height="50" width="180"
                 loop="-1" scrollamount="1" scrolldelay="50" 
                 direction="up" style="text-align: center;" onMouseOver=scrollArea.stop() 
                 onMouseOut=scrollArea.start()><h2>蒸碗</h2>
                <p>因食材放入碗中蒸熟而得名</p></marquee>
                
            </div>
        </div>
        <div class="row">
            <div class="col">
                <img src="./img/99.jpg">
            </div>
            <div class="col">
                <marquee id="scrollArea" height="50" width="180"
                 loop="-1" scrollamount="1" scrolldelay="50" 
                 direction="up" style="text-align: center;" onMouseOver=scrollArea.stop() 
                 onMouseOut=scrollArea.start()><h2>搅团</h2>
                <p>定义为“用面搅成的浆糊”</p></marquee>
                
            </div>
        </div>
        <div class="row">
            <div class="col">
                <img src="./img/10.jpg">
            </div>
            <div class="col">
                <marquee id="scrollArea" height="50" width="180"
                 loop="-1" scrollamount="1" scrolldelay="50" 
                 direction="up" style="text-align: center;" onMouseOver=scrollArea.stop() 
                 onMouseOut=scrollArea.start()><h2>羊肉泡馍</h2>
                <p>羊肉泡馍，亦称羊肉泡，古称“羊羹”</p></marquee>
                
            </div>
        </div>
        <div class="bottom">
            联系我们
        </div>
    </div>
</body>
</html>